<template>
    <div>
        <!-- 正在热展标题 -->
        <div class="hot-title indextitle">
            <img src="@/assets/images/hotting.jpg" alt="" class="hot-icon">
            <a href="#" class="details">
                <svg @click="$router.push('/hotExpo')" t="1674987056061" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2285"><path stroke="#999999" stroke-width="25" d="M362.666667 896c-4.266667 0-8.533333 0-12.8-4.266667-8.533333-8.533333-8.533333-21.333333-4.266667-29.866666L631.466667 512 345.6 162.133333c-8.533333-8.533333-4.266667-21.333333 4.266667-29.866666 8.533333-8.533333 21.333333-4.266667 29.866666 4.266666l298.666667 362.666667c8.533333 8.533333 8.533333 21.333333 0 25.6l-298.666667 362.666667c-4.266667 4.266667-12.8 8.533333-17.066666 8.533333z" fill="#999999" p-id="2286"></path></svg>
            </a>
        </div>
        <!-- 热展内容 -->
        <div class="hot-content">
            <div  @click="$router.push('/hotExpo')" class="hot-main" v-for="(item,index) of show" :key="index">
                <div class="show-img">
                    <img :src="require('../../../../server/public/images/index/hot/' + item.img + '.jpg')" alt="">
                </div>
                <div class="show-text">
                    <p id="name" class="text">{{item.name}}</p>
                    <p id="place" class="text msg">地点：{{item.place}}</p>
                    <p id="time" class="text msg">时间：{{item.time}}天后闭馆</p>
                    <p id="score" class="text msg">评分：{{item.score}}分</p>
                    <p id="price" class="text">￥{{item.price}}起</p>
                </div>
            </div>
            <!-- 展厅节点 -->
            <div class="show-node-box">
                <ul class="show-node">
                    <li v-for="(item,index) of showNode" :key="index">
                        <img :src="require('../../../../server/public/images/index/hot/' + item.path + '.jpg')" alt="">
                        <p class="nodeName">{{item.nodeName}}</p>
                        <p class="date">{{item.date}}</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>

// 导入接口
import {  hotShow1, hotShow2 } from '@/api/index/Hot/HotShowApi'

export default {
    name: 'WorkspaceJsonHot',

    data() {
        return {
            show: [],
            showNode: [],
        };
    },

    mounted() {
        // 
        hotShow1().then((res)=>{
            this.show = res.data
            // console.log(this.show);
        })

        hotShow2().then((res)=>{
            this.showNode = res.data
            // console.log(res.data)
        })
    },
    methods: {
        
    },
};
</script>

<style scoped>
@import '@/assets/css/index/Hot/Hot.min.css'
</style>